<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/styles1.css">

</head>
<body>
<div class="web_page_demo">
    <div class="header">
        <div class="back">
            <img onclick="backup()" src="./statics/ic_back.png" alt="" />
        </div>

        <span>Web 页面</span>
    </div>
    <div class="title">Hello Web</div>
    <a class="function_item" href="javascript:void(0);" onclick="backup()"
    >跳转回Web页面</a>
     // [Start example1]
     <a href="www.example.com">跳转到其他页面</a>
    // [End example1]
    // [Start origin_page]
     <a class="function_item" href="arkts://pages/toOriginPage">跳转到ArkTS页面</a>
    // [End origin_page]
    // [Start detail1]
    <a class="function_item" href="https://appgallery.huawei.com/app/detail?id=com.huawei.hmos.vmall">去应用市场下载</a>
    <a class="function_item" href="https://www.huawei.com">打开应用</a>
    // [End detail1]
    // [Start pull_special]
    <a class="function_item" href="arkts://pullSpeciallyApp">拉起指定类型应用</a>
    // [End pull_special]
    // [Start select_photo]
    <a class="function_item" href="photo://pages/selectPhoto">拉起系统应用</a>
    // [End select_photo]
</div>
</body>
</html>
<script>
    function backup(event) {
      window.history.back();
    }
</script>
